<template>
    <div id="app">
        <h1>{{msg}}</h1>
        <img src="../assets/images/vue.png" alt="vue">
        <div>
            <audio controls autoplay>
                <source src="../assets/audio/music.mp3" type="audio/mp3">
            </audio>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return {
            msg:'我是App根组件',
            pic:'../assets/images/vue.png',
            voice:'../assets/audio/music.mp3'
        }
    }
}
</script>
<style lang="scss" scoped>
#app{
    h1{
        font-style: italic;
        color: red;
    }
    img{
        width: 200px;
    }
}
</style>